<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>直播</title>
  <style>
    * {margin: 0; padding: 0;}
    video {
      display: block;
      width: 600px;
      margin: 50px auto;
    }
  </style>
</head>
<body>
<!-- 使用 flv.js 播放视频流 -->

<script src="https://cdn.bootcss.com/flv.js/1.4.0/flv.min.js"></script>
<video id="videoElement" width="100%" controls></video>
<script>
if (flvjs.isSupported()) {
  var videoElement = document.getElementById('videoElement');
  var flvPlayer = flvjs.createPlayer({
    type: 'flv',
    url: 'http://192.168.0.101:3010/live/hello.flv'
  });
  flvPlayer.attachMediaElement(videoElement);
  flvPlayer.load();
  flvPlayer.play();
}
</script>
</body>
</html>